.login-container{
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-dialog{
    width: 350px;
    height: 300px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
}
.login-dialog h3{
    text-align: center;
    padding: 30px;
}
.login-dialog .username{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px ;
    padding: 20px;

   
}
.login-dialog .password{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px ;
    padding: 20px;


}
#username,#password{
    height: 40px;
    width: 200px;
    border-radius: 5px;
    border: none;
}
.login-dialog span{
    width: 90px ;
}

 .login-dialog .submit1{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 22px;
 }   
 #submit{
    height: 40px;
    width: 290px ;
    border-radius: 5px;
    border: none;
    background-color: rgb(21, 197, 109);
 }
#submit:active{
    background-color: #645858;
}